.detail {
	display: flex;
	flex-direction: column;
	.title {
		height: 300px;
		background-color: blue;
		position: relative;
		img {
			width: 100%;
			height: 300px;
		}
		p {
			color: #fff;
			position: absolute;
			left: 15px;
			top: 0;
			font-family: 宋体;
			font-size: 50px;
			color: blue;
		}
	}
	.min {
		height: 1px;
		flex-grow: 1;
		padding: 20px 15px;
		.min-top {
			p {
				line-height: 3em;
				font-size: 15px;
				border-bottom: 1px solid #8a8a99;
				color: #8a8a99;
				#kcal {
					font-size: 20px;
					color: black;
				}
				#time {
					font-size: 20px;
					margin-left: 20px;
					color: black;
				}
				#people {
					margin-left: 90px;
					font-size: 15px;
				}
			}
		}
	}
	// 用户
	.name {
		margin-top: 10px;
		display: flex;
		justify-content: space-around;

		align-items: center;
		img {
			width: 70px;
			height: 70px;
			border-radius: 50%;
		}
		p {
			font-size: 20px;
			line-height: 2em;

			span {
				display: block;
				font-size: 12px;
				line-height: 0.5em;
			}
		}
		button {
			background-color: #4294ff;
			width: 80px;
			height: 35px;
			border-radius: 20px;
			color: #fff;
		}
	}
	.briefly {
		margin-top: 10px;
		color: #8a8a99;
		font-size: 15px;
		p {
			height: 50px;
		}
	}
	.way {
		margin-top: 10px;
		display: flex;
		align-items: center;
		justify-content: space-between;
		#zx {
			border-left: 1px solid black;
			padding-left: 10px;
		}
		p {
			width: 50%;
			height: 50px;
		}

		span {
			display: block;
			font-size: 12px;
			color: #8a8a99;
			line-height: 30px;
		}
	}
	#btn {
		display: block;
		width: 90%;
		height: 40px;
		color: #fff;
		background-color: #4294ff;
		text-align: center;
		line-height: 40px;
		border-radius: 20px;
		margin: 10px auto;
	}
}
